<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function muestraOculta() {
  var id = this.id;
  id = id.split('_');
  id = id[1];
  var elemento = document.getElementById('contenidos_'+id);
  var enlace = document.getElementById('enlace_'+id);
  if(elemento.style.display == "" || elemento.style.display == "block") {
    elemento.style.display = "none";
    enlace.innerHTML = 'Mostrar contenidos';
  }
  else {
    elemento.style.display = "block";
    enlace.innerHTML = 'Ocultar contenidos';
  }
}

window.onload=function() {
document.getElementById("enlace_1").onclick = muestraOculta;
document.getElementById("enlace_2").onclick = muestraOculta;
document.getElementById("enlace_3").onclick = muestraOculta;
document.getElementById("enlace_4").onclick = muestraOculta;
document.getElementById("enlace_5").onclick = muestraOculta;
document.getElementById("enlace_6").onclick = muestraOculta;
document.getElementById("enlace_7").onclick = muestraOculta;
}
</script>
<link rel="stylesheet" href="style/estilos-general.css" media="all" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Asociacion Enfermedades Raras</title>
</head>
<body>
<div id="global">
	<div id="curva-superior"></div>
	<div id="cabecera">
	<div id="logotipo"><a href="plantilla.html"><img src="objetos/logotipo.jpg" width="150px" height="89" alt="Volver a la página de inicio"/></a></div>
	</div>
	<div id="navegacion">
	<ul><li><a href="plantilla.html">Inicio</a></li><li><a href="#">Qué Hacemos</a></li><li><a href="#">Quiénes Somos</a></li><li><a href="#">Cómo puedes colaborar</a></li><li><a href="registro.html">Registro</a></li><li><a href="login.html">Login</a></li></ul>
</div>
	<div id="contenido">
		<div id="menu">
			<h1>Menú</h1>
			<ul><li><a href="enfermedades.html">Enfermedades</a></li><li><a href="proyectos.html">Proyectos</a></li><li><a href="#">Donaciones</a></li><li><a href="#">Historias</a></li><li><a href="#">Publicar</a></li><li><a href="firma.html">Firma</a></li></ul>
		</div>
	<div id="noticias">
	<h1>Noticia 1</h1>
	<h2>Cabecera de la noticia 1</h2>
	<p id="contenidos_1">Texto principal de la plantilla, aquí va a estar el texto de las noticias, escribo mucho para ver si se cumplen las reglas de parrafo escritas en la hoja de estilo, 
	para ver si se cumplen las reglas tengo que escribir bastante, esto se hace pesado, asi que ya voy a ir terminando
	para seguir con la plantilla, me hace falta una linea mas para ver una cosa, con esto creo que ya esta</p>
	<div id="enlace"><a id="enlace_1" href="#">Ocultar contenidos</a></div>
	<br/>
	<h1>Noticia 2</h1>
	<h2>Cabecera de la noticia 2</h2>
	<p id="contenidos_2">Texto principal de la plantilla, aquí va a estar el texto de las noticias, escribo mucho para ver si se cumplen las reglas de parrafo escritas en la hoja de estilo, 
	para ver si se cumplen las reglas tengo que escribir bastante, esto se hace pesado, asi que ya voy a ir terminando
	para seguir con la plantilla, me hace falta una linea mas para ver una cosa, con esto creo que ya esta</p>
	<div id="enlace"><a id="enlace_2" href="#">Ocultar contenidos</a></div>
	<br/>
	<h1>Noticia 3</h1>
	<h2>Cabecera de la noticia 3</h2>
	<p id="contenidos_3">Texto principal de la plantilla, aquí va a estar el texto de las noticias, escribo mucho para ver si se cumplen las reglas de parrafo escritas en la hoja de estilo, 
	para ver si se cumplen las reglas tengo que escribir bastante, esto se hace pesado, asi que ya voy a ir terminando
	para seguir con la plantilla, me hace falta una linea mas para ver una cosa, con esto creo que ya esta</p>
	<div id="enlace"><a id="enlace_3" href="#">Ocultar contenidos</a></div>
	<br/>
	<h1>Noticia 4</h1>
	<h2>Cabecera de la noticia 3</h2>
	<p id="contenidos_4">Texto principal de la plantilla, aquí va a estar el texto de las noticias, escribo mucho para ver si se cumplen las reglas de parrafo escritas en la hoja de estilo,
	para ver si se cumplen las reglas tengo que escribir bastante, esto se hace pesado, asi que ya voy a ir terminando
	para seguir con la plantilla, me hace falta una linea mas para ver una cosa, con esto creo que ya esta</p>
	<div id="enlace"><a id="enlace_4" href="#">Ocultar contenidos</a></div>
	<br/>
	<h1>Noticia 5</h1>
	<h2>Cabecera de la noticia 3</h2>
	<p id="contenidos_5">Texto principal de la plantilla, aquí va a estar el texto de las noticias, escribo mucho para ver si se cumplen las reglas de parrafo escritas en la hoja de estilo, 
	para ver si se cumplen las reglas tengo que escribir bastante, esto se hace pesado, asi que ya voy a ir terminando
	para seguir con la plantilla, me hace falta una linea mas para ver una cosa, con esto creo que ya esta</p>
	<div id="enlace"><a id="enlace_5" href="#">Ocultar contenidos</a></div>
	<br/>
	<h1>Noticia 6</h1>
	<h2>Cabecera de la noticia 3</h2>
	<p id="contenidos_6">Texto principal de la plantilla, aquí va a estar el texto de las noticias, escribo mucho para ver si se cumplen las reglas de parrafo escritas en la hoja de estilo,
	para ver si se cumplen las reglas tengo que escribir bastante, esto se hace pesado, asi que ya voy a ir terminando
	para seguir con la plantilla, me hace falta una linea mas para ver una cosa, con esto creo que ya esta</p>
	<div id="enlace"><a id="enlace_6" href="#">Ocultar contenidos</a></div>
	<br/>
	<h1>Noticia 7</h1>
	<h2>Cabecera de la noticia 3</h2>
	<p id="contenidos_7">Texto principal de la plantilla, aquí va a estar el texto de las noticias, escribo mucho para ver si se cumplen las reglas de parrafo escritas en la hoja de estilo,
	para ver si se cumplen las reglas tengo que escribir bastante, esto se hace pesado, asi que ya voy a ir terminando
	para seguir con la plantilla, me hace falta una linea mas para ver una cosa, con esto creo que ya esta</p>
	<div id="enlace"><a id="enlace_7" href="#">Ocultar contenidos</a></div>
	<br/>
	</div>
	</div>
	<div id="pie">
	<div id="pieuno">
	<ul><li><a href="#">Inicio</a></li><li><a href="#">Qué Hacemos</a></li><li><a href="#">Quiénes Somos</a></li></ul>
	</div>
	<div id="piedos"></div>
	<div id="pietres">
	<ul><li><a href="#">Colabora</a></li><li><a href="#">Registro</a></li><li><a href="#">Login</a></li></ul>
	</div>
	</div>
	<div id="curva-inferior"></div>
</body>
</html>
